<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
  <link rel="stylesheet" href="__CSS__/pintuer.css">
  <link rel="stylesheet" href="__CSS__/admin.css">
  <script src="__JS__/jquery.js"></script>
  <script src="__JS__/pintuer.js"></script>
</head>
<body>
<div class="panel admin-panel">
  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加内容</strong></div>
  <div class="body-content">
    <form method="post" class="form-x" action="" enctype="multipart/form-data">  
      <!--<div class="form-group">-->
        <!--<div class="label">-->
          <!--<label>商品编号：</label>-->
        <!--</div>-->
        <!--<div class="field">-->
          <!--<input type="text" class="input w50" value="" name="pro_number" data-validate="required:请输入编号" placeholder="哪有商品编号啊？？" />-->
          <!--<div class="tips"></div>-->
        <!--</div>-->
      <!--</div>-->
      <div class="form-group">
        <div class="label">
          <label>商品名：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="" name="goods_name" data-validate="required:请输入商品名" />
          <div class="tips"></div>
        </div>
      </div>
       <div class="form-group">
        <div class="label">
          <label>Vip价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="vip" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
       <div class="form-group">
        <div class="label">
          <label>商城价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="price" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>商品库存：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="" name="spec_qty" data-validate="required:请输入库存" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>图片：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url1" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="default_image" onchange="url1.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        </div>
      </div>   
      <div class="form-group">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url2" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="banner[]" onchange="url2.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        	<input type="button" class="button bg-green margin-left addT" id="image1" value="添加轮播图" >
        </div>        
      </div> 
        <div class="form-group" id="typeTitle">
          <div class="label">
            <label>分类标题：</label>
          </div>
          <div class="field">
            <select name="cid" style="padding:5px 15px; border:1px solid #ddd;" >
              <option value=""> 全部分类 </option>
              {foreach name="cates" item="vc"}
              {if 0 == $vc['parent_id']}
              <option value="<{$vc['cate_id']}>" {eq name="cate_id|default=''" value="$vc['cate_id']"}selected{/eq} > <{$vc['cate_name']}> </option>
              {foreach name="cates" item="vcc"}
              {if $vcc['parent_id'] == $vc['cate_id']}
              <option value="<{$vcc['cate_id']}>" {eq name="cate_id|default=''" value="$vcc['cate_id']"}selected{/eq} > |----<{$vcc['cate_name']}> </option>
              {foreach name="cates" item="vccc"}
              {if $vccc['parent_id'] == $vcc['cate_id']}
              <option value="<{$vccc['cate_id']}>" {eq name="cate_id|default=''" value="$vccc['cate_id']"}selected{/eq} > |--------<{$vccc['cate_name']}> </option>
              {/if}
              {/foreach}
              {/if}
              {/foreach}
              {/if}
              {/foreach}
            </select>
            <div class="tips"></div>
          </div>
        </div>
      <div class="form-group">
        <div class="label">
          <label>品牌：</label>
        </div>
        <div class="field" style="padding-top:8px;">
          <select name="brand" id="">
            {foreach name='props' item='p'}
            <option value="<{$p.brand_id}>"><{$p.brand_name}></option>
            {/foreach}
          </select>
        </div>
      </div>
        <div class="form-group">
          <div class="label">
            <label>其他属性：</label>
          </div>
          <div class="field" style="padding-top:8px;">
            推荐：<input type="radio" name="recommended" value="1" {eq name="data['recommended']|default='2'" value="1"}checked{/eq}>是
            <input type="radio" name="recommended" value="0" {eq name="data['recommended']|default='2'" value="0"}checked{/eq}>否<br>
            上架：<input type="radio" name="if_show" value="1" {eq name="data['recommended']|default='2'" value="1"}checked{/eq}>是
            <input type="radio" name="if_show" value="0" {eq name="data['recommended']|default='2'" value="0"}checked{/eq}>否
          </div>
        </div>
      <div class="form-group">
        <div class="label">
          <label>商品介绍：</label>
        </div>
        <div class="field">
          <textarea name="description" class="input" style="height:250px; border:1px solid #ddd;"></textarea>
          <div class="tips"></div>
        </div>
      </div>     
      <div class="clear"></div>
      <div class="form-group">
        <div class="label">
          <label>排序：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" name="sort" value=""  data-validate="number:排序必须为数字" placeholder="哪有啊？？"/>
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>单位：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" name="authour" value=""  data-validate="required:请输入单位" placeholder="哪有啊？？"/>
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>人气：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" name="renqi" value="" data-validate="number:只能为数字" placeholder="哪有啊？？" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label></label>
        </div>
        <div class="field">
          <input type="submit" class="button bg-main icon-check-square-o" name="button"  value="提交并返回">
          <input type="submit" class="button bg-main icon-check-square-o" name="button" value="提交并继续">
        </div>
      </div>
    </form>
  </div>
</div>
</body>
<script>
	var num=3;
	var banner=2;
	$(".addT").click(function(){
		var cont=`<div class="form-group banner">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url${num}" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="banner[]" onchange="url${num}.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        	<input type="button" class="button bg-red margin-left cutT" value="删除轮播图" >
        </div>
      </div>`;
      num++;
      banner++;
		$("#typeTitle").before(cont);
	})
	$(".form-x").on("click",'.cutT',function(){
		$(this).parent().parent().remove();
	})
</script>
<script src="__KIND__/kindeditor-4.1.2/kindeditor-min.js"></script>
<script src="__KIND__/kindeditor-4.1.2/lang/zh_CN.js"></script>
<script>
    $(function(){

        var editor;
        KindEditor.ready(function(K) {
            editor = K.create('textarea[name="description"]', {
                allowFileManager : true
            });
        });
    })
</script>

</html>